/* @import url(https://fonts.googleapis.com/css?family=Concert+One); */

:root {
  --border: '10px';
}
img {
  animation: glow 4s ease-in-out infinite;

  /* For less laggy effect, uncomment this:
  
  animation:none;
  -webkit-text-stroke:1px #fff; 
  
=========== */
}

* {
  box-sizing: border-box;
}

body {
  overflow: hidden;
}

figure {
  animation: wobble 5s ease-in-out infinite;
  transform-origin: center center;
  transform-style: preserve-3d;
}

@keyframes wobble {
  0%,
  100% {
    transform: rotate3d(0, 1, 0, 10deg);
  }
  25% {
    transform: rotate3d(0, -1, 0, 10deg);
  }
  50% {
    transform: rotate3d(0, 1, 0, 10deg);
  }
  75% {
    transform: rotate3d(0, -1, 0, 10deg);
  }
}

figure img {
  position: absolute;
  
}

@keyframes glow {
  0%,
  100% {
    text-shadow: 0 0 calc(10px) white;
  }
  25% {
    text-shadow: 0 0 calc(10px) orangered;
  }
  50% {
    text-shadow: 0 0 calc(10px) skyblue;
  }
  75% {
    text-shadow: 0 0 calc(10px) gold;
  }
}

img:nth-child(2) {
  transform: translateZ(2px);
}
img:nth-child(3) {
  transform: translateZ(4px);
}
img:nth-child(4) {
  transform: translateZ(6px);
}
img:nth-child(5) {
  transform: translateZ(8px);
}
img:nth-child(6) {
  transform: translateZ(10px);
}
img:nth-child(7) {
  transform: translateZ(12px);
}
img:nth-child(8) {
  transform: translateZ(14px);
}
img:nth-child(9) {
  transform: translateZ(16px);
}
img:nth-child(10) {
  transform: translateZ(18px);
}
